<template>
  <div>
    <!-- {{title}}
    {{title2}}
    {{title3}}
    <button @click="changeTitle">按钮</button>
    {{titleA}} -->
    <router-view></router-view>
  </div>
</template>

<script>
import { mapState, mapGetters } from "vuex";
import { CHANGE_TITLE } from "./constant/vuex-mutation";
export default {
  created() {
    console.log(this.$store.state.title);
  },
  data() {
    return {
      show: false
    };
  },
  methods: {
    // changeTitle() {
    //   // this.$store.commit("changeTitle", { title: "修改标题" });
    //   // this.$store.commit({
    //   //   type:CHANGE_TITLE,
    //   //   title:"对象提交修改标题"
    //   // });
    //   // this.$store.dispatch("changeTitle", { title: "action修改" });
    //   this.$store.commit('a/changeModuleA',{title:'修改的是模块A'})
    // },
    showPopup() {
      // const obj = {
      //   name:123,
      //   age:456
      // }

      // const obj2 = {
      //   height:'178',
      //   ...obj
      // }
      this.show = true;
    }
  },
  // computed: {
  //   custom() {
  //     return this.show;
  //   },
  //   ...mapState({
  //     // title: state => state.title
  //     // title: "title"
  //     title: state => {
  //       return state.title;
  //     },
  //     titleA:state=>{
  //       return state.a.title
  //     }
  //   }),
  //   title2() {
  //     return this.$store.getters.title2;
  //   },
  //   ...mapGetters({
  //     title3: "title2"
  //   })
  // }
  // computed: {
  //   title() {
  //     return this.$store.state.title;
  //   },
  //   count(){
  //     return this.$store.state.title;
  //   }
  // }
};
</script>

<style lang="less">
</style>